<template>
  <div class="report">
    <t-row :gutter="10" style="margin-bottom: 16px">
      <t-col :span="6">
        <evaluation-quantity :dataOption="dataList" />
      </t-col>
      <t-col :span="6">
        <risk-quantity :dataOption="dataList" />
      </t-col>
    </t-row>
    <card title="评估报告">
      <report-table />
    </card>
  </div>
</template>

<script>
import Card from '@/components/Card/index.vue';
import EvaluationQuantity from './components/EvaluationQuantity.vue';
import RiskQuantity from './components/RiskQuantity.vue';
import ReportTable from './components/ReportTable.vue';
import { requestGetQsRsListCount } from '@/service/risk-assessment/report/index';

export default {
  name: 'riskAssessmentReport',
  components: {
    Card,
    EvaluationQuantity,
    RiskQuantity,
    ReportTable,
  },
  data() {
    return {
      dataList: {},
    };
  },
  created() {
    this.init();
  },
  methods: {
    async init() {
      const res = await requestGetQsRsListCount();
      this.dataList = res;
    },
  },
};
</script>

<style lang="less" scoped></style>
